<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>الدخول</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <link rel="shortcut icon" href="img/favicon.ico">
        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container" style="direction: rtl;">
            <!-- start of the navigation bar -->
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container">
                        <ul class="nav pull-right">
                            <li><a class="brand" style="padding-left: 25px;" href="login.html">الدخول</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- end of the navigation bar -->

            <!-- start of the form notifications -->
            <div class="alert alert-error">
                <button class="close" data-dismiss="alert">×</button>
                <strong>خطأ!</strong> يجب أدخال سعر الوحده.
            </div>
            <div class="alert">
                <button class="close" data-dismiss="alert">×</button>
                <strong>تحذير!</strong> يجب أدخال سعر الوحده.
            </div>
            <div class="alert alert-success">
                <button class="close" data-dismiss="alert">×</button>
                تم بنجاح
            </div>
            <!-- end of the form notifications -->
            
            <!-- start of the login form -->
            <form class="well" action="index.html" method="post">
                <label for="input01">اسم الدخول</label>
                <input id="input01" type="text" class="span3" placeholder="اسم الدخول">
                <label for="input02">كلمة المرور</label>
                <input id="input02" type="password" class="span3">
                <span class="help-block">كلمة المرور يجب ان تكون أكثر من 7 أحرف</span>
                <input style="float: right;" id="input03" type="checkbox" checked="checked">
                <label style="padding-right: 25px;" for="input03" class="checkbox">تذكرنى</label>
                <button type="submit" class="btn-primary btn">الدخول</button>
            </form>
            <!-- end of the login form -->
        </div>
        <!-- end of the container -->
    </body>
</html>